@default_blue:#30a5ff;
@primary:#aaa;
/* modal-info */
.modal-wrap{
    position:fixed;
    width:100%;
    height:100%;
}
.modal-box-default{
    position:absolute;
    top:50%;
    margin-top:-3rem;
    width:5rem;
    left:2.5rem;
    padding:0.8rem 0rem;
    border-radius:0.125rem;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    color:#fff;
}
/* btn */
.btn-primary{
    display: block;
    margin-left: 1.5rem;
    margin-top: 1rem;
    font-size:0.5rem;
    background-color:@primary;
    border-radius:1rem;
    border:0px;
    color:#fff;
    padding:0.375rem 0rem;
    width:7rem;
    outline:0;
}
/* bg */
.bg-grey{
    background-color:#f5f5f5;
}
.bg-blue{
    background-color:@default_blue;
}
/* color */
.blue{
    color:@default_blue !important;
}
.grey{
    color:#888;
}
/* badge */
.badge{
    position:absolute;
    top:0.375rem;
    padding:0rem 0.25rem;
    border-radius:0.25rem;
    font-size:0.3125rem;
    font-weight:400;
    color:#fff;
}
/* display */
.show{
    display:block;
}
.unshow{
    display:none;
}
/* slidedown */
.slidedown-enter {
  opacity: 0.01;
  transition: opacity .5s ease-in;
}
.slidedown-enter.slidedown-enter-active {
  opacity: 1;
}
.slidedown-leave {
  opacity: 1;
  transition: opacity .5s ease-in;
}
.slidedown-leave.slidedown-leave-active {
  opacity: 0.01;
}
/* float */
.pull-right{
    float:right;
    margin-top:0.175rem;
    color:#666;
}